/* 
*  可复用样式抽离
*  style里面修改不了的样式,填充在这里
*/
a{
  text-decoration: none;
}
p{
  padding: 0;
  margin: 0;
}
.invisible{
  visibility: hidden;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.cb{
  clear: both;
}
.clra{
  color: black;
}
/* 商品主图样式 */
.item-img{
  width: 75px;
  height: 100%;
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
  img{
    width: 100%;
    height: 100%;
  }
}
.item-sku{
  width: 100px;
  height: 100%;
  vertical-align: top;
  display: inline-block;
}
/* 数量图标样式 */
.quantity{
  color: green;
}
.quantity:before{
  content: "\e604";
  margin-right: 5px;
  font-family: "iconfont";
  color: green;
}
/* 现金图标样式 */
.fee{
  color: red;
}
.fee:before{
  content: "\e60f";
  margin-right: 5px;
  font-family: "iconfont";
  color: red;
}
/* 能量图标样式 */
.point{
  color: blue;
}
.point:before{
  content: "\e673";
  color: blue;
  font-family: "iconfont";
  margin-right: 5px;
}
/* 表格操作文字样式 */
.action{
  display: block;
  cursor: pointer;
  color: blue;
}
/* 表格头部操作按钮 */
.table-action{
  margin-bottom: 10px;
}
.danger{
  color: red;
}
.action:hover{
  text-decoration: underline;
}
/* 文字超出宽度自动省略 */
.overflow{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
